<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>黄果树特色旅游 - 特色美食</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar">
        <div class="nav-container">
            <div class="nav-logo">
                <h3>🌊 黄果树旅游</h3>
            </div>
            <ul class="nav-menu">
                <li><a href="index.html">首页</a></li>
                <li><a href="attractions.html">景点</a></li>
                <li><a href="food.html" class="active">美食</a></li>
                <li><a href="culture.html">文化</a></li>
                <li><a href="itinerary.html">行程</a></li>
                <li><a href="accommodation.html">住宿</a></li>
                <li><a href="shopping.html">购物</a></li>
                <li><a href="contact.html">联系</a></li>
            </ul>
            <div class="hamburger">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </nav>

    <!-- 页面头部 -->
    <header class="page-header food-bg">
        <div class="container">
            <h1>🍜 特色美食</h1>
            <p>品味贵州地道美食，感受舌尖上的黄果树</p>
        </div>
    </header>

    <!-- 主要内容 -->
    <main class="main-content">
        <div class="container">
            <!-- 招牌美食 -->
            <section class="fade-in">
                <h2 style="text-align: center; margin-bottom: 50px; font-size: 2.5rem; color: #2d3748;">🌟 招牌美食</h2>
                <div class="grid-container">
                    <div class="card">
                        <div class="card-icon">🥬</div>
                        <h3>丝娃娃</h3>
                        <p><strong>贵州第一小吃</strong></p>
                        <p>丝娃娃是贵州最具代表性的小吃，用薄如蝉翼的面皮包裹萝卜丝、豆芽、海带丝、莴笋丝等十多种蔬菜丝，蘸上特制的辣椒水食用。口感爽脆，酸辣开胃。</p>
                        <p><strong>特色：</strong>清爽不腻，营养均衡</p>
                        <p><strong>推荐店铺：</strong>老字号丝娃娃店、瀑布美食街</p>
                    </div>
                    <div class="card">
                        <div class="card-icon">🐟</div>
                        <h3>酸汤鱼</h3>
                        <p><strong>苗族传统美食</strong></p>
                        <p>酸汤鱼是苗族人民的传统美食，用野生西红柿发酵制成的酸汤煮制新鲜鱼肉，汤汁酸辣鲜美，鱼肉鲜嫩。具有开胃、助消化的功效，是贵州人餐桌上的经典菜肴。</p>
                        <p><strong>特色：</strong>酸辣爽口，营养丰富</p>
                        <p><strong>推荐品种：</strong>江团鱼、草鱼、鲤鱼</p>
                    </div>
                    <div class="card">
                        <div class="card-icon">🍡</div>
                        <h3>豆腐圆子</h3>
                        <p><strong>街头经典小吃</strong></p>
                        <p>豆腐圆子是贵州的传统小吃，以新鲜豆腐为主料，加入韭菜、肉末等配料，制成圆球状后油炸至金黄。外酥内嫩，香气四溢，是当地人最喜爱的街头小食。</p>
                        <p><strong>特色：</strong>外酥内软，香味浓郁</p>
                        <p><strong>搭配：</strong>蘸辣椒面或折耳根蘸水</p>
                    </div>
                    <div class="card">
                        <div class="card-icon">🎋</div>
                        <h3>竹筒饭</h3>
                        <p><strong>布依族特色</strong></p>
                        <p>竹筒饭是布依族的传统美食，将优质大米和各种配菜装入新鲜竹筒中，用炭火慢烤而成。米饭带有淡淡的竹香味，口感软糯香甜，营养丰富。</p>
                        <p><strong>特色：</strong>竹香浓郁，原生态</p>
                        <p><strong>配菜：</strong>腊肉、香菇、红豆等</p>
                    </div>
                </div>
            </section>

            <!-- 地方小吃 -->
            <section class="fade-in" style="margin-top: 80px;">
                <h2 style="text-align: center; margin-bottom: 50px; font-size: 2.5rem; color: #2d3748;">🥢 地方小吃</h2>
                <div class="grid-container">
                    <div class="card">
                        <div class="card-icon">🍲</div>
                        <h3>羊肉粉</h3>
                        <p>贵州早餐之王，鲜美的羊肉汤配上劲道的米粉，加上特制的辣椒油，香辣温暖，是当地人最爱的早餐。</p>
                    </div>
                    <div class="card">
                        <div class="card-icon">🌶️</div>
                        <h3>折耳根拌菜</h3>
                        <p>用新鲜折耳根（鱼腥草）凉拌，加上辣椒、蒜泥等调料，口感独特，具有清热解毒的功效。</p>
                    </div>
                    <div class="card">
                        <div class="card-icon">🥟</div>
                        <h3>破酥包</h3>
                        <p>贵州传统糕点，外皮酥脆，内馅甜美，有豆沙、芝麻、花生等多种口味，是很好的伴手礼。</p>
                    </div>
                    <div class="card">
                        <div class="card-icon">🍜</div>
                        <h3>花溪牛肉粉</h3>
                        <p>清汤牛肉粉的代表，汤清肉烂，米粉爽滑，加上酸萝卜、泡菜，口感层次丰富。</p>
                    </div>
                    <div class="card">
                        <div class="card-icon">🥘</div>
                        <h3>糯米饭</h3>
                        <p>软糯香甜的糯米配上各种配菜，如肉丝、榨菜、花生米等，营养丰富，是很受欢迎的主食。</p>
                    </div>
                    <div class="card">
                        <div class="card-icon">🍵</div>
                        <h3>苗家酸汤</h3>
                        <p>用糯米发酵制成的酸汤，可以煮各种蔬菜和肉类，酸味纯正，开胃解腥。</p>
                    </div>
                </div>
            </section>

            <!-- 特色饮品 -->
            <section class="fade-in" style="margin-top: 80px;">
                <h2 style="text-align: center; margin-bottom: 50px; font-size: 2.5rem; color: #2d3748;">🍹 特色饮品</h2>
                <div class="grid-container">
                    <div class="card">
                        <div class="card-icon">🍺</div>
                        <h3>苗家米酒</h3>
                        <p>用优质糯米酿制的米酒，度数不高，口感甘甜，是苗族人民招待客人的传统饮品。</p>
                    </div>
                    <div class="card">
                        <div class="card-icon">🍃</div>
                        <h3>都匀毛尖茶</h3>
                        <p>贵州名茶，清香甘甜，回味悠长，是品茗休闲的最佳选择。</p>
                    </div>
                    <div class="card">
                        <div class="card-icon">🥤</div>
                        <h3>刺梨汁</h3>
                        <p>贵州特产刺梨制成的果汁，富含维生素C，酸甜可口，具有很好的保健功效。</p>
                    </div>
                    <div class="card">
                        <div class="card-icon">🥛</div>
                        <h3>酸梅汤</h3>
                        <p>传统解暑饮品，酸甜爽口，生津止渴，特别适合夏日游览时饮用。</p>
                    </div>
                </div>
            </section>

            <!-- 美食攻略 -->
            <section style="margin-top: 80px;">
                <div class="contact-info">
                    <h3>🍽️ 美食攻略</h3>
                    <p><strong>🏪 推荐美食街：</strong>黄果树瀑布美食街、安顺老城区小吃街</p>
                    <p><strong>💰 价格参考：</strong>小吃5-15元，正餐30-80元/人</p>
                    <p><strong>⏰ 用餐时间：</strong>早餐7:00-9:00，午餐11:30-13:30，晚餐17:30-20:00</p>
                    <p><strong>🌶️ 口味提醒：</strong>贵州菜偏辣，不吃辣的游客可提前说明</p>
                    <p><strong>🥢 用餐礼仪：</strong>尊重当地饮食文化，适量点餐避免浪费</p>
                </div>
            </section>

            <!-- 导航按钮 -->
            <div style="text-align: center; margin-top: 60px;">
                <a href="culture.html" class="btn btn-primary">下一站：民俗文化 →</a>
                <a href="attractions.html" class="btn btn-secondary">← 返回景点</a>
            </div>
        </div>
    </main>

    <!-- 页面底部 -->
    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h4>快速链接</h4>
                    <ul>
                        <li><a href="attractions.html">景点介绍</a></li>
                        <li><a href="itinerary.html">行程规划</a></li>
                        <li><a href="contact.html">联系我们</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h4>联系信息</h4>
                    <p>📞 400-123-4567</p>
                    <p>🌐 www.huangguoshu.com</p>
                    <p>📧 info@huangguoshu.com</p>
                </div>
                <div class="footer-section">
                    <h4>关注我们</h4>
                    <p>微信公众号：黄果树旅游</p>
                    <p>新浪微博：@黄果树官方</p>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 黄果树特色旅游. 保留所有权利.</p>
            </div>
        </div>
    </footer>

    <script src="script.js"></script>
</body>
</html> 